<div id="myCarousel" class="carousel slide">
  <!-- Carousel items -->
  <div class="carousel-inner">
    <div class="active item">
        
        <img src="<?php echo base_url().'/documents/salud.jpg' ?>" name="salud" id="salud">
        <div class="carousel-caption">
                      <h4>Atención ambulatoria</h4>
                      <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
        </div>
    </div>
    <div class="item">
        
        <img src="<?php echo base_url().'/documents/quirofano.jpg' ?>" name="salud" id="salud">
        <div class="carousel-caption">
                      <h4>Equipos de última tecnología</h4>
                      <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
        </div>
        
    </div>
    <div class="item">
        
        <img src="<?php echo base_url().'/documents/cirugia.jpg' ?>" name="cirugia" id="cirugia">
        <div class="carousel-caption">
                      <h4>Cirugías</h4>
                      <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
        </div>
        
    </div>
  </div>
  <!-- Carousel nav -->
  <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
  <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
</div>